@mainColor:#4da1ff;
@borderColor:#eee;          // 边框颜色
/* -------------------------------- Flex -------------------------------- */
.xm{align-items:center;}
.xc{justify-content:center;}
.fx{display: flex;}
.fxmc{.fx;.xm;.xc;}
.fxm{.fx;.xm;}
.fxc{.fx;.xc;}
.fv{display: flex; flex-direction:column}
.ex{flex:1}
.abs_full{position: absolute;top:0;left:0;right:0;bottom:0;}
.scrollbar(@w:3px,@color:#666,@bgcolor:none,@rpx:6px){
    &::-webkit-scrollbar{width:@w; height: @w;}					// 滚动条整体部分
    &::-webkit-scrollbar-thumb{background-color: @color;outline:1px solid @color;border-radius: @w;}		// 滚动条
	&::-webkit-scrollbar-track{background-color: @bgcolor;}
}
.modalScrollBar{ .scrollbar(6px); }
/* -------------------------------- Button -------------------------------- */
.ant-btn-loading{
	.anticon-loading,.anticon{margin-left:0!important;}
}
/* -------------------------------- Dropdown -------------------------------- */
.ant-dropdown-menu{padding:0!important;}
/* -------------------------------- Form -------------------------------- */
.jzer-form {
	label{color:#666}
	.ant-form-item-label > label::after{ color:#999 }
	
	&.s4 .ant-form-item-label{width: 61px;}
	&.s5 .ant-form-item-label{width: 73px;}
	&.s6 .ant-form-item-label{width: 86px;}
	&.s7 .ant-form-item-label{width: 97px;}
	&.s8 .ant-form-item-label{width: 109px;}
	&.s9 .ant-form-item-label{width: 121px;}
	&.s10 .ant-form-item-label{width: 133px;}
	&.s12 .ant-form-item-label{width: 157px;}
	
	textarea.ant-input{padding:4px 8px!important;}
	input.ant-input-number-input{padding:0 8px!important;}
	
	.ant-form-item-required::before{position: relative;top:-2px;margin-right:2px!important;}
	
	.ant-checkbox-group{position:relative;top:3px;}
	
	.ant-calendar-picker{width:100%}
}
.ant-input-number-input-wrap,.ant-input-number-input{height:100%!important;}
// size
@small: 28px;
@middel: 34px;
@search: 28px;
@submit: 30px;
@pl: 8px;
.form-size(@name,@size){
	.h(){ height:@size!important; }
	.hh(){ .h;line-height:@size!important; }
	.jzer-form-@{name}{
		.ant-form-item-label > label{.hh}
		.ant-form-item-control-input{min-height:@size;}
		// select
		.ant-select{height:auto!important;min-height: @size;
			.ant-select-selector{.h}
		}
		.ant-select-selection-placeholder{line-height: @size - 2!important;}
		// dataPicker
		.ant-calendar-picker-input{.h}
		// radio
		.ant-radio-button-wrapper{.h}
	}
}
.ant-select{
	.ant-select-selection-overflow-item-rest{line-height:100%;}
	.ant-select-selection-item{margin-top: 0!important;}
	.ant-select-selection-placeholder{left:8px!important;}
}
.ant-select-multiple{
	.ant-select-selection-search{margin-inline-start:0!important;left:0!important; }
}

.ant-select-selector,.ant-calendar-picker-input{padding-left:@pl!important;}
.ant-select-selector,.ant-select-selection-search,.ant-select-selection-search-input{height:100%!important;}
.ant-select-selection-item{display:flex;align-items: center;}
.ant-select-selection-search{left:@pl - 2!important;}

.form-size(small, @small);
.form-size(middle, @middel);
.form-size(search, @search);
.form-size(submit, @submit);
// disabled
input[disabled],textarea[disabled],
.ant-select-disabled .ant-select-selection-item,
.ant-radio-disabled.ant-radio-checked~span,
.ant-checkbox-checked.ant-checkbox-disabled~span{color:#333}
// error
.ant-form-item-has-error{
	.ant-form-item-explain-error, .ant-show-help-leave.ant-show-help-leave-active{position: absolute;left:0; bottom:-24px;}
	.ant-form-extra{display:none!important;}
}
.ant-show-help-leave.ant-show-help-leave-active{display:none!important;}
.show-help-leave.show-help-leave-active{display:none!important;}
//

/* -------------------------------- SearchForm -------------------------------- */

/* -------------------------------- Table -------------------------------- */
.jzer-table{min-height:100px;
	@w:8px;
	.ant-table-body,.ant-table-body-inner{.scrollbar(@w);}
	.ant-table-hide-scrollbar{min-width:0!important;
		&::-webkit-scrollbar{width:@w}
	}
	tbody{
		td{padding:5px!important;height:34px;}
	}
	.ant-btn > .anticon + span, .ant-btn > span + .anticon{margin-left:3px}
	.ant-input-number{width:100%}
	.ant-table-column-title{white-space: nowrap;}
	.ant-table-title{display: none;}
	
}
.jzer-table-scroll{
	>.ant-table-wrapper:extend(.abs_full){
		>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-content>.ant-table-scroll>.ant-table-placeholder:extend(.fxmc,.abs_full){
			top:36px;min-height: 100px;
		}
	}
	.ant-table-scroll:extend(.fv){overflow:visible;}
	.ant-spin-nested-loading,.ant-table,.ant-spin-container,.ant-table-content,.ant-table-scroll{width: 100%;height: 100%;}
	.ant-table-body:extend(.ex){}
	
	.ant-table-scroll{
		// .ant-table-thead > tr > th{border-bottom:none!important;}
	}
	.ant-table-content{border:1px solid @borderColor;border-bottom:none; }
	.ant-table-bordered table{border:none!important;}
	.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar{border-right:none!important}
	
	.ant-table-fixed-right:extend(.fv){margin-top:1px;}
	.ant-table-fixed-left:extend(.fv){margin: 1px 0 0 1px}
	.ant-table-fixed-right,.ant-table-fixed-left{height:100%;
		.ant-table-body-outer:extend(.ex){position: relative;}
		.ant-table-body-inner:extend(.abs_full){}
	}
}
.ant-table-column-sorter-inner{position: relative; top: -3px;}
/* -------------------------------- Modal -------------------------------- */
@hsize:40px;
.jzer-modal-wrap:extend(.fxmc,.modalScrollBar all){
	.ant-modal{max-width: 99%; max-height: 99%;margin:0!important;top:0!important;padding:0!important;}
	.ant-modal-content:extend(.fv,.ex){height:100%}
	.ant-modal-body:extend(.fv,.ex){}
	.ant-modal-header{padding:0 40px 0 10px!important;
		.ant-modal-title{height:@hsize;line-height: @hsize;white-space: nowrap;}
	}
	.ant-modal-close{
		.ant-modal-close-x:extend(.fxmc){width:@hsize;height:@hsize;}
	}
	.ant-modal-footer{padding: 5px 10px!important;
		.ant-btn{margin:0!important}
	}
}
.jzer-modal-scroll{
	.ant-modal-body{display:block;}
	.ant-modal-body:extend(.modalScrollBar all){position:relative;overflow:auto;}
}
.jzer-modal-full{overflow:hidden!important;
	.ant-modal{max-width: 100%; max-height: 100%;}
	.ant-modal-content{border-radius:0;}
}
.jzer-modal-scroll-hidden{
	.ant-modal-body{overflow:hidden;}
	.ant-modal-close{opacity: 0.3;pointer-events:none;}
}
//无框模式
.jzer-modal-mode-1{
	.ant-modal-header,.ant-modal-footer{border:none}
	.ant-modal-footer{padding: 0 5px 15px 0!important;}
}
/* -------------------------------- ant-transfer -------------------------------- */
.ant-transfer:extend(.fxm){
	.ant-transfer-list:extend(.ex){}
}
/* -------------------------------- Tabs -------------------------------- */
.jzer-tabs-menu{
	@height:30px;
	height:@height;margin-bottom:8px;
	.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{height:auto!important;border-bottom: none;}
	.ant-tabs-tab{margin:0 1px!important; height:@height;line-height: @height;}
	.ant-tabs-nav-container-scrolling{padding: 0 25px;}
	.ant-tabs-tab-prev{left:-3px}
	.ant-tabs-tab-next{right:3px}
}
/* -------------------------------- Image -------------------------------- */
.ant-image{.fx!important;.xc;}
.ant-image-preview-img-wrapper:extend(.fxmc all){}
/* -------------------------------- Upload -------------------------------- */
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail{.fx!important;.xm;.xc;
	img{width:auto!important;height:auto!important;}
}

/* -------------------------------- tag -------------------------------- */
.jzer-tag{
	.anticon-close{border:1px solid rgba(255,255,255,.3)!important;border-radius:0;padding:2px;
		&:hover{ background-color: #fff; color:@mainColor}
	}
}
/* -------------------------------- dataPicker -------------------------------- */
.ant-calendar-ok-btn{padding: 0 5px!important;}
.ant-calendar-selected-day .ant-calendar-date{background-color: @mainColor!important;color:#fff!important;}